<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>SupermarketDemo</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link
	href="${pageContext.request.contextPath}/static/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/css/bootstrap-responsive.min.css"
	rel="stylesheet">
<!-- <link
	href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600"
	rel="stylesheet"> -->
<link
	href="${pageContext.request.contextPath}/static/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/style.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/css/pages/dashboard.css"
	rel="stylesheet">


</head>

<body>
	<!-- 头部开始 -->
	<%@include file="/common/head.jsp"%>
	<!-- 头部结束 -->
	<!-- /navbar -->
	<div class="subnavbar">
		<div class="subnavbar-inner">
			<div class="container">
				<ul class="mainnav">
					<li class="active"><a href="${pageContext.request.contextPath}/deptG"><i class="icon-group"></i><span>部门管理</span>
					</a></li>
					<li><a
						href="${pageContext.request.contextPath}/Vendor"><i
							class="icon-truck"></i><span>供应商管理</span> </a></li>

					<li><a
						href="${pageContext.request.contextPath}/toBill?method=3"><i
							class="icon-copy"></i><span>票据管理</span> </a></li>

					<li><a
						href="${pageContext.request.contextPath}/querybill.do?method=0"><i
							class=" icon-paste"></i><span>缴费管理</span> </a></li>

					<li></li>
				</ul>
			</div>
		</div>
		<br> <a id="add"
			href="${pageContext.request.contextPath}/addDeptG.do?method=0"
			class="btn btn-success btn-sm btn-block edit_user col-center-block"
			style="height: 25px; width:100%;">添加</a>
	</div>

	<div class="page-content-area">
		<div class="row">
			<div class="col-xs-12">
				<!-- PAGE CONTENT BEGINS -->
				<table id="sample-table-1"
					class="table table-striped table-bordered table-hover text-center">
					<thead>
						<tr>
							<th class="center"><label class="position-relation">

							</label></th>
							<th>id</th>
							<th>部门名字</th>
							<th>部门信息</th>
							<th></th>
						</tr>
					</thead>

					<tbody>
						<c:forEach items="${dept}" var="depts">
							<tr>
								<td class="text-center"><input type="checkbox" /></td>
								<td>${depts.id}</td>
								<td>${depts.departmentName}</td>
								<td>${depts.description}</td>

								<td><a id="editDept/${depts.id}"
									href="${pageContext.request.contextPath}/editDeptG?method=0&id=${depts.id}"
									class="btn btn-info btn-xs edit_user">修改</a>&nbsp;</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<p id=""></p>
	<div style="float: right; text-align: right;" id="pagination"></div>


	<!-- Le javascript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="${pageContext.request.contextPath}/static/js/jquery-1.7.2.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/static/js/excanvas.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/chart.min.js"
		type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/js/bootstrap.js"></script>
	<script language="javascript" type="text/javascript"
		src="${pageContext.request.contextPath}/static/js/full-calendar/fullcalendar.min.js"></script>

	<script src="${pageContext.request.contextPath}/static/js/base.js"></script>

	<script type="text/javascript" src="js/jqPaginator.js"></script>
	<script type="text/javascript">
		$
				.jqPaginator(
						'#pagination',
						{
							totalPages : 100,
							visiblePages : 5,
							currentPage : 1,
							wrapper : '<ul class="pagination"></ul>',
							first : '<li class="first"><a href="javascript:void(0);">First</a></li>',
							prev : '<li class="prev"><a href="javascript:void(0);">Previous</a></li>',
							next : '<li class="next"><a href="javascript:void(0);">Next</a></li>',
							last : '<li class="last"><a href="javascript:void(0);">Last</a></li>',
							page : '<li class="page"><a href="${pageContext.request.contextPath}/deptG?id={{page}}">{{page}}</a></li>',
						});
	</script>
</body>
</html>
